<!DOCTYPE html>
<style type="text/css">
body {
    margin: 0px;
    padding: 0px;
    font: 10px Ahem;
}
#table
{
    display: inline-table;
}
#row
{
    display: table-row;
}
#cell
{
    display: table-cell;
    height: 50px;
    width: 50px;
    background-color:red;
}
</style>
<script src="../../resources/check-layout.js"></script>
<div id="table" data-total-y=0>
    <div id="row">
        <div id="cell"></div>
    </div>
</div>
<div>crbug.com/513319: Empty cells with a computed height but no content use their bottom content edge as a baseline. </div>
<script>
checkLayout('#table')
</script>
